<template>
  <section>
    <div class="nav_options">
      <div class="nav_option" :class="{nav_option_active:isActive == 1}" @click="isActive=1">
        <span>缴费记录</span>
      </div>
      <div class="nav_option" :class="{nav_option_active:isActive == 2}" @click="isActive=2">
        <span>缴费统计</span>
      </div>
    </div>
    <jilu v-if="isActive==1"></jilu>
    <tongji v-if="isActive==2"></tongji>
  </section>  
</template>

<script>
import jilu from './parking_dnake_payment_record_hezi1'
import tongji from './parking_dnake_payment_statistics_hezi'
export default {
  data(){
    return{
      isActive:1
    }
  },
  methods:{

  },
  mounted(){

  },
  components:{
    jilu,
    tongji
  }
}
</script>

<style scoped>
  .pay_contant{
    padding:0 40px;
  }
</style>